.middle {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    /*background-color: rgba(243, 3, 36, .7);*/
}
.white_section {
    background-color: #ffffff;
}
.grey_section {
    background-color: #eeeeee;
}
.cover_section,.wander_section,.video_section,.intro_section,.info_section,.business_section {
    width: 100%;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.cover_section {
    height: auto;
    /*background-color: #FFF346;*/
}
.demo_section {
    padding-top: 0;
    height: auto;
}
.wander_frame,.video_frame {
    width: 100%;
    height: 100%;
    border-width: 0;
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
    /*background-color: #FFF346;*/
}
.video_frame {
    height: 600px;
}
.video_section {
    padding-top: 60px;
    height: auto;
    text-align: center;
    /*background-color: #d34346;*/
}
.intro_section {
    height: auto;
    /*background-color: #304346;*/
}
.info_section {
    height: auto;
    /*background-color: #ffffff;*/
}
.cover_container,.demo_container,.video_container,.intro_container,.info_container,.business_container {
    width: 1064px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.video_container {
    height: 600px;
    margin-bottom: 50px;
}
.demo_container {
    height: 480px;
}
.intro_container {
    width: 1064px;
    height: auto;
    /*background-color: #1Fe346;*/
    overflow: hidden;
    zoom: 1;
}
.intro_left_img_container {
    width: 532px;
    height: 500px;
    line-height: 500px;
    float: left;
    text-align: left;
    /*background-color: #12e7F6;*/
}
.intro_right_explain_container {
    width: 400px;
    height: auto;
    margin-left: 50px;
    float: left;
    text-align: left;
    font-family: "Microsoft Yahei";
    color: #000000;
}
.intro_right_img_container {
    width: 532px;
    height: 500px;
    line-height: 500px;
    float: left;
    text-align: left;
}
.intro_left_explain_container {
    width: 532px;
    height: auto;
    float: left;
    text-align: left;
    font-family: "Microsoft Yahei";
    color: #000000;
}
.intro_title {
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-top: 100px;
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: bold;
}
.intro_tro {
    width: auto;
    height: auto;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333333;
}
.api_title,.product_title,.demo_title {
    width: 1064px;
    height: auto;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: bold;
}
.product_title,.demo_title {
    text-align: center;
}
.demo_title {
    margin-top: 120px;
}
.product_title {
    margin-top: 50px;
}
.api_title {
    text-align: center;
}
.try_btn {
    margin-top: 50px;
    background-color: #1989FA;
    color: #ffffff;
}
.demo_column,.demo_column_last {
    width: 334px;
    height: 200px;
    float: left;
    text-align: center;
    margin-bottom: 30px;
    /*background-color: rgba(66, 66, 66, 1);*/
}
.demo_column {
    margin-right: 30px;
    /*background-color: #12e7F6;*/
}
.demo_column_last {
    margin-right: 0;
    /*background-color: #12e7F6;*/
}
.demo_column_img {
    cursor: pointer;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;

}
.demo_column_img:hover {
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
    opacity:0.9;
    filter:alpha(opacity=90);
}
.api_column {
    width: 320px;
    height: 200px;
    margin-right: 30px;
    float: left;
    text-align: center;
    /*background-color: rgba(66, 66, 66, 1);*/
}
.api_os_title {
    width: auto;
    height: auto;
    font-size: 20px;
    color: #000000;
}
.api_version {
    width: auto;
    height: auto;
    font-size: 14px;
    color: #666666;
}
.api_download {
    width: auto;
    height: auto;
    font-size: 14px;
    color: #00BFFF;
}
.api_download a:visited {
    color: inherit;
}
.api_download a:link {
    color: inherit;
}
.api_download-bar a:active {
    color: inherit;
}
.api_download-bar a:hover {
    color: inherit;
}
.business_section {
    padding-top: 0;
}
.business_container {
    width: 1064px;
    height: 400px;
    overflow: hidden;
    zoom: 1;
    /*background-color: #a6E20f;*/
}
.business_buy_container {
    width: 532px;
    height: 300px;
    margin-top: 100px;
    float: left;
    text-align: left;
    color: #000000;
    /*background-color: #a6320f;*/
}
.business_contact_container {
    width: 532px;
    height: 300px;
    margin-top: 100px;
    float: left;
    text-align: left;
    color: #000000;
    /*background-color: #a133D2;*/
}
.business_title {
    width: auto;
    height: auto;
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: bold;
}
.business_tro {
    width: auto;
    height: auto;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333333;
}
.business_img {
    width: 100px;
    height: 50px;
    margin-right: 20px;
    margin-bottom: 20px;
}